<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>cycling 骑行</title>
    <link rel="stylesheet" href="//at.alicdn.com/t/font_3391256_fixhuqru28m.css">
</head>

<body>
    <!-- 头部 -->
    <!-- <header> #</header> -->
    <!-- 主体 -->
    <main>
        <!-- 当前累计骑行 -->
        <div class="grand-cycling">
            <div class="wrap">
                <div class="navbox">
                    <div>目前累积骑行距离:</div>
                    <!-- 骑行公里数 -->
                    <div class="cycling-text">
                        <span class="cycling-num">999</span>
                        <span>公里数</span>
                    </div>
                </div>
            </div>
        </div>
        <!-- map -->
        <div class="map-cycling df jcc aic">
            <!-- 开始btn -->
            <div class="go-btn ta cfff">GO</div>
            <!-- 设置 音乐-->
            <div class="setbox-music df jcsb">

                <div class="setbox btnbox">
                    <i class="iconfont icon-shezhi"></i>
                </div>
                <div class="musicbox btnbox">
                    <i class="iconfont icon-yinle"></i>
                </div>
            </div>
        </div>
        <!-- 路线 -->
        <div class="path-cycling"></div>
    </main>
    <!-- 页脚 -->
    <footer></footer>
</body>

</html>